<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!-- 屏蔽tomcat 自带的 EL表达式 -->
<%@ page isELIgnored="false" %>  
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html>
<head>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <script type="text/javascript" src="${ctx}/js/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="${ctx}/layer/layer.js"></script>
    <script type="text/javascript" src="${ctx}/js/form.js"></script>
    <script type="text/javascript" src="${ctx}/nice-validator/jquery.validator.js?local=zh-CN"></script>
    <link rel="stylesheet" type="text/css" href="${ctx}/bootstrap/bootstrap.css" media="all">
    <link rel="stylesheet" type="text/css" href="${ctx}/larry/css/fonts/font-awesome.min.css" media="all">
    <title>用户信息</title>
    <script type="text/javascript">
    	//获取到前台的信息
    	 $(document).ready(function(){
    		 var data = parent.getData();
    	     $('#userform').initForm(data); 
    	     $("#btnsubmit").click(function() {
	    	    	  $('#userform').trigger("validate").on('valid.form', function(e, form){
	    	    		   
	    	    	  }); 
    	     });
    	    
    	 });
    	
    	 
    </script>

</head>

<body >
	<div class="container-fluid">
		<div class="row-fluid">
			<div class="span12">
					<blockquote>
						<p>
							github是一个全球化的开源社区.
						</p> <small>关键词 <cite>开源</cite></small>
					</blockquote>	
					<form role="form" id="userform" class="form-horizontal" data-validator-option="{theme:'yellow_right', timely:3, stopOnError:false,invalidClass: 'has-error', bindClassTo: '.form-group'}">
						  <div class="form-group">
							    <label for="realName" class="col-sm-2 control-label">realName</label>
							    <div class="col-sm-3"><input type="text" class="form-control" id="realName" name="realName" placeholder="请输入realName" data-rule="required"></div>
							    <label for="name" class="col-sm-2 control-label">name</label>
							    <div class="col-sm-3"><input type="text" class="form-control" id="name" name="name" placeholder="请输入name" data-rule="required"></div>
						  </div>
						   <div class="form-group">
							    <label for="email" class="col-sm-2 control-label">email</label>
							    <div class="col-sm-3"><input type="text" class="form-control" id="email" name="email" placeholder="请输入email"></div>
							    <label for="userId" class="col-sm-2 control-label">userId</label>
							    <div class="col-sm-3"><input type="text" class="form-control" id="userId" name="userId" placeholder="请输入userId"></div>
						  </div>
						  <div class="form-group">
							    <label for="sex" class="col-sm-2 control-label">sex</label>
							    <div class="col-sm-3"><input type="text" class="form-control" id="sex" name="sex" placeholder="请输入sex"></div>
						  </div>
						  <div class="form-group">
							    <label for="realName" class="col-sm-2 control-label">realName</label>
							    <div class="col-sm-3"><input type="text" class="form-control" id="realName1" name="realName1" placeholder="请输入realName" data-rule="required"></div>
							    <label for="name" class="col-sm-2 control-label">name</label>
							    <div class="col-sm-3"><input type="text" class="form-control" id="name1" name="name1" placeholder="请输入name" data-rule="required"></div>
						 </div>
					 
						 <div class="form-group">
							<div class="col-sm-offset-5 col-sm-6">
								<button id="btnsubmit" type="button" class="btn  btn-green"><i class="fa fa-floppy-o" aria-hidden="true"></i> 保存</button>
							</div>
						</div>
				 </form>
			</div>
		</div>
	</div>


	<script>
$(function(){
    // Custom theme
   
});
</script>	
</body>
</html>
